<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本溢出</title>
    <style>
        ul {
            width: 400px;
            height: 400px;
            border: 1px solid black;
            list-style: none;
            font-size: 20px;
            padding-left: 0;
        }
        /* 实现文章末尾三个.的效果*/
        li {
            /* 三个缺一不可 overflow只要不是visible 就行*/
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <ul>
        <li>现在西方包括美国应该意识到了事情的严重性了！以前打仗讲究“发现即摧毁”，现在中国空军直接升级成“锁定即绝杀”——因为有了PL-17超远程空空导弹，射程超过400公里，比普通空战交火距离远了整整10倍</li>
        <li>领航强军，从胜利走向胜利——习近平主席检阅抗战胜利纪念日阅兵受阅部队侧记</li>
        <li>历史“深”一度·从草鞋到军靴 走过抗战烽火 踏进盛世繁华</li>
        <li>新华社出图 | 带你看胜利日大阅兵这一天！</li>
        <li>荆楚风物与时新 供给提质势头劲</li>
    </ul>
</body>
</html>